﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>动动吧全民健身网</title>

<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="layui/css/layui.css">
<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/category_detail.css">
</head>
<body>
 <div class="header">
	<div class="header-top-bg">
		<div class="container">
			<div class="header-city pad-10 small left"><span>济南市</span><a>[切换城市]</a></div>
			<div class="header-login pad-10 small right">
				<ul class="list-inline no-margin inline">
					<li >登录</li>
					<li >|</li>
					<li >注册</li>
				</ul>
			</div>
			<div class="clear"></div> 
		</div>
	</div>
	<div class="logo">
		<div class="container clear">
			<div class="header-logo-left pad-20 left">
				<div class="logo left">
					<a href="/">
						<img src="images/bs-logo_07.png"/>
					</a>
				</div>
				<div class="logo left line">
					
				</div>
				<div class="logo-right  left">
					<a href="/">
						<img src="images/bs-logo_10.png"/>
					</a>
				</div>
			</div>
			<div class="header-logo-right right">
				<ul class="list-inline no-margin">
					<li ><i class="bs-phoneimg1"></i>0531-88758917</li>
					<li >|</li>
					<li ><i class="bs-phoneimg2"></i>3370677406</li>
				</ul>
			</div>
		
		</div>
	</div>
	<div class="nav">
		<div class="container">
				<ul class="layui-nav no-margin">
				
				<li class="layui-nav-item layui-this">
                    <a href=""  title="动动首页">动动首页</a></li>
                <li class="layui-nav-item">
                    <a href="article.html"  title="体育资讯">体育资讯</a></li>
                <li class="layui-nav-item">
                    <a href="stadium.html"  title="场馆预定">场馆预定</a></li>
                <li class="layui-nav-item">
                    <a href="category.html"  title="赛事活动">赛事活动</a></li>
                <li class="layui-nav-item">
                    <a href="train.html"  title="项目培训">项目培训</a></li>
                <li class="layui-nav-item">
                    <a href="health.html"  title="健康管理">健康管理</a></li>
                <li class="layui-nav-item">
                    <a href="constitution.html"  title="体质监测">体质监测</a></li>
                <li class="layui-nav-item">
                    <a href="/sec_search"  title="协会/俱乐部">协会/俱乐部</a></li>
                <li class="layui-nav-item">
                    <a href="/sec_pt"  title="产业平台">产业平台</a></li>
                <li class="layui-nav-item">
                    <a href="http://mall.008sport.com/ddb.php?" target="_blank" title="体育商城">体育商城</a></li>
			</ul>	
		</div>
		
	</div>
	
 </div>
<div class="container">
	<span class="layui-breadcrumb border-bottom block pad-10">
		<a class="bs-address">你所在的位置：</a>
		<a href="">首页</a>
		<a href="">活动详情</a>
	</span>
</div>
<div class="container pad-top-10 pad-bottom-10 b-fff">
	<div class="row">
		<div class="col-12">
			<div class="left">
				<div class="gallery  ">
					<div class="top field pad-10">
						<div><span class=" b-eee pad-5 red left	">个人</span><a class="fs-2 ">【海南岛】东海岸休闲骑游不一样的单车旅行</a>
							
						</div>
						
					</div>
					<div >
							<a href="#cubeRandom"><img src="images/bs-banner_01.jpg" class="cubeRandom" /></a>
					</div>
				</div>
				<div class="categorydetail">
					
					<ul class="list-unstyled margin-top-10 clear left">
						<li>
							<strong>活动类型:</strong>篮球
						</li>
						<li>
							<strong>活动器材:</strong>篮球
						</li>
						<li>
							<strong>联系人:</strong>篮球
						</li>
						<li>
							<strong>联系方式:</strong>篮球
						</li>
						<li>
							<strong>报名截至:</strong>2016-11-01 00:00
						</li>
						<li>
							<strong>活动时间:</strong>2016-11-03 00:00 至 2016-11-04 00:00
						</li>

					</ul>
					
				</div>
			</div>
			<div class="op right">
				<div class="comment color-green fs-2"><b></b><span class="red">￥13321.00</span></div>
				<div class="pad-top-30 operator clear left">
					
					<div class="left  pad-top-10">
						<div class=" hrela_add_item" method="collectable" data-hotelid="40101208">
							<i class="icon_start_btn"></i>
							<strong><p>立即报名</p></strong>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<div class="clear"></div>
</div>
<div class="container s-c pad-top-10 margin-top-10 b-fff margin-bottom-10 clear index">
	<div class="left clear b-fff">
		<div class="sub-nav" id="subNav">
			<ul class="list-inline left clear navbar-nav">
				<li class="menuItem" data-menu="stadium"><a href="#stadium">场馆信息</a></li>
				<li class="menuItem" data-menu="device"><a href="#device">场馆设施</a></li>
				<li class="menuItem" data-menu="traffice"><a href="#traffice">交通方式</a></li>
				<li class="menuItem" data-menu="comment"><a href="#comment">用户点评</a></li>
			</ul>
		</div>
		<div id="stadium" style="width:800px;">
			<blockquote class="layui-elem-quote">场馆信息 </blockquote>
			<hr>
			<div class="dview_info">
				<dl class="dview_info_item">
					<dt><i class="icon_view_s1"></i>场馆电话</dt>
					<dd> 010-65662200<span class="ml20">电话预订：4009-333-333</span></dd>
				</dl>
				<dl class="dview_info_item">
					<dt><i class="icon_view_s4"></i>停车场</dt>
					<dd>提供收费停车位</dd>
				</dl>
				<dl class="dview_info_item">
					<dt><i class="icon_view_s5"></i>营业时间</dt>
					<dd>08：00-23：00        	</dd>
				</dl>
				<dl class="dview_info_item">
					<dt><i class="icon_view_s6"></i>场馆设施</dt>
					<dd class="on">
						<i class="icon_hl_more1" method="showMore"></i>
						<p>
						免费Wifi、收费停车、健身房、叫车服务、房间消毒、提供发票、叫醒服务、洗衣服务、租车服务、行李寄存、外币兑换服务、有电梯、前台保险柜、安全消防系统、咖啡厅、大堂报纸、无烟楼层、24小时热水
						</p>
					</dd>
				</dl>
				<dl class="dview_info_item">
					<dt><i class="icon_view_s8"></i>场馆简介</dt>
					<dd class="on">
						<i class="icon_hl_more1" method="showMore"></i>
						<p>此公寓套房配有北欧风格家具，两层楼高的落地玻璃窗自然透光，让北京全景一览无遗。北京丽舍酒店式服务公寓步行5分钟可至赛特购物广场和友谊商场，与秀水街，天安门广场，紫禁城及建国门地铁站只是咫尺之遥。拥有一房至四房式公寓、健身中心、桑拿、商务中心和住户休闲廊等设施。
							北京丽舍服务公寓，位于幽静的高尚住宅区，离繁华的商业区却仅咫尺之遥。赛特中心，友谊商店，地铁站，各色餐厅等不行5分钟内可达。
							丽舍服务公寓提供多种一至四居复式套房供您选择。所有套房均配有北欧风格家具及现代化室内设施，并为您提供贴心的客房服务。
							复式套房设计让您同时享受宽敞的活动空间和个人的小天地。
							在丽舍服务公寓，我们致力为您提供舒适的生活和最大的方便，让您感受成功之家的魅力。
						</p>
					</dd>
				</dl>
				<dl class="dview_info_item dview_info_card">
					<dt><i class="icon_view_s9"></i>支付方式</dt>
					<dd>
						支付宝，微信
					</dd> 
				</dl>
			</div>
		</div>
		<div id="device" class="clear" style="width:800px;">
			<blockquote class="layui-elem-quote">场馆设施 </blockquote>
			<hr>
			<ul class="list-inline device clear left">
				<li>
					<i class="icon_view_01"></i><p>无线WIFI</p>
				</li>
				<li><i class="icon_view_09"></i><p>宽带</p></li>
				<li><i class="icon_view_04"></i><p>餐厅</p></li>
				<li><i class="icon_view_03"></i><p>接机服务</p></li>
				<li><i class="icon_view_06"></i><p>会议服务</p></li>
				<li><i class="icon_view_05"></i><p>商务中心</p></li>
				<li class="no"><i class="icon_view_02"></i><p>停车场</p></li>
				<li class="no"><i class="icon_view_07"></i><p>游泳池</p></li>
				<li class="no"><i class="icon_view_08"></i><p>健身房</p></li>
			</ul>
		</div>
		<div id="traffice"  class="clear" style="width:800px;">
			<blockquote class="layui-elem-quote">交通方式 </blockquote>
			<hr>
			<div class="dview_info">
				<dl class="dview_info_item">
					<dt><i class="icon_view_s8"></i>交通方式</dt>
					<dd class="on">
						<i class="icon_hl_more1" method="showMore"></i>
						<p>此公寓套房配有北欧风格家具，两层楼高的落地玻璃窗自然透光，让北京全景一览无遗。北京丽舍酒店式服务公寓步行5分钟可至赛特购物广场和友谊商场，与秀水街，天安门广场，紫禁城及建国门地铁站只是咫尺之遥。拥有一房至四房式公寓、健身中心、桑拿、商务中心和住户休闲廊等设施。
							北京丽舍服务公寓，位于幽静的高尚住宅区，离繁华的商业区却仅咫尺之遥。赛特中心，友谊商店，地铁站，各色餐厅等不行5分钟内可达。
								丽舍服务公寓提供多种一至四居复式套房供您选择。所有套房均配有北欧风格家具及现代化室内设施，并为您提供贴心的客房服务。
								复式套房设计让您同时享受宽敞的活动空间和个人的小天地。
								在丽舍服务公寓，我们致力为您提供舒适的生活和最大的方便，让您感受成功之家的魅力。
						</p>
					</dd>
				</dl>
			</div>
		</div>
		<div id="comment" style="width:800px;">
			<blockquote class="layui-elem-quote">用户点评 </blockquote>
			<hr>
			<ul class="list-unstyled dcomt_list">
				<li> 
					<div class="dcomt_head left"> 
						<div class="dcomt_head_pic">
							<img src="http://pavo.elongstatic.com/i/DP120_120/0004k7jI.jpg">
						</div> 
						<div class="dcomt_head_name">
							<span>会员8008</span>
							
						</div> 
					</div> 
					<div class="dcomt_con_wrap"> 
						<p class="mb5">
							<i class="icon_f_good"></i>
							<span class="dcomt_con_time">2016-02-21 18:53:14</span>
						</p> 
						<p class="dcomt_con_txt">房间，设施，酒店服务，清洁度，地理位置… 各种满意. 以后常来.</p> 
						<p class="dcomt_pic_list">
					
					</div> 
					<i class="icon_comt_quality"></i> 
				</li>
			</ul>
		</div>

	</div>	
	<div class="other clear">
			<div class="clear">
				<blockquote class="layui-elem-quote">类似场馆</blockquote>
				
				<ul class="list-unstyled left margin-left-40">
					<li>	
						<div class="stadium-list left">
							<ul class="list-unstyled">
								<li>
									<a href="#"><img src="images/stadium/company_logo_default.png"></img></a>
								</li>
								<li class="stadium-title"><a  href="#">动动吧测试场馆</a></li>
							</ul>
						</div>
						
						<div class="clear"></div>
					</li>
					<li>	
						<div class="stadium-list left">
							<ul class="list-unstyled">
								<li>
									<a href="#"><img src="images/stadium/company_logo_default.png"></img></a>
								</li>
								<li class="stadium-title"><a  href="#">动动吧测试场馆</a></li>
							</ul>
						</div>
						
						
						<div class="clear"></div>
					</li>
					
				</ul>
			</div>
			
	</div>
</div>
<div class="footer">
	<ul class="list-inline">
		<li><a>关于我们</a></li>
		<li><a>联系我们</a></li>
		<li><a>商馆入驻</a></li>
		<li><a>客户服务</a></li>
	</ul>
	<ul class="list-inline" style="width:450px">
		<li>Copyright © 2017 动动吧 版权所有 鲁ICP备15020333号-2</li>
	</ul>
</div>
<script src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.easing.1.3.js"></script>
<script src="layui/layui.all.js"></script>

<script type="text/javascript" language="javascript" src="js/stickUp.js"></script>
 <script type="text/javascript">
        jQuery(document).ready(function($) {
				$(".sub-nav").stickUp({
                itemClass: 'menuItem',
                itemHover: 'active',
                topMargin: 'auto'
            });
				
			/*优势页面点击子导航
				var subNav_active = $(".adv_active");
				var subNav_scroll = function(target){
					$("#subNav ul li").removeClass("active");
					target.addClass("active");
					subNav_active = target.parent();
				};
				$("#subNav ul li a").click(function(){
					subNav_scroll($(this));
					var target = $(this).attr("href");
					var targetScroll = $(target).offset().top - 80;
					$("html,body").animate({scrollTop:targetScroll},300);
					return false;
				});
				
				$(window).scroll(function(){
					var $this = $(this);
					var targetTop = $(this).scrollTop();
					var footerTop = $("#footer").offset().top;
					var height = $(window).height();
					
					if (targetTop >= 520){
						$("#subNav").addClass("fixedSubNav");
						$(".empty-placeholder").removeClass("hidden");
					}else{
						$("#subNav").removeClass("fixedSubNav");
						$(".empty-placeholder").addClass("hidden");
					}
					if(targetTop < 750){
						subNav_scroll($(".adv_door"));
					}else if(targetTop > 1200 && targetTop < 1640){
							subNav_scroll($(".adv_source"));
					}else if(targetTop > 2314 && targetTop < 2734){
							subNav_scroll($(".adv_price"));
					}else if(targetTop > 2968 && targetTop < 3268){
							subNav_scroll($(".adv_transfer"));
					}else if(targetTop > 3327 && targetTop < 3627){
							subNav_scroll($(".adv_payment"));
					}else if(targetTop > 3651 && targetTop < 4071){
							subNav_scroll($(".adv_promise"));
					}else if(targetTop > 4163 && targetTop < 4473){
							subNav_scroll($(".adv_ride"));
					}else if(targetTop > 4580){
						subNav_scroll($(".adv_finance"));
					}
				})*/
			
        });
    </script>
  
</body>
</html>